<head>
	<link rel="stylesheet" type="text/css" href="/BackEndRecursosHumanos/app/webroot/css/ui-lightness/jquery-ui-1.10.3.custom.min.css">
	<script type="text/javascript" src="/BackEndRecursosHumanos/app/webroot/js/jquery-1.9.1.js"></script>
	<script type="text/javascript" src="/BackEndRecursosHumanos/app/webroot/js/jquery-ui-1.10.3.custom.min.js"></script>
	<!--<script type="text/javascript" src="/BackEndRecursosHumanos/app/webroot/js/jquery-ui-i18n.js"></script>-->
	
	<script>
		function eliminar_foto()
		{
			
			if ($('#blah').attr('src') != '/BackEndRecursosHumanos/app/webroot/img/blank.png')
			{
				var val = confirm("Desea quitar la foto seleccionada?");
			
				if (val)
				{
					$("#ComidaFotoComida").val("");
	              	$('#blah')
	                        .attr('src','/BackEndRecursosHumanos/app/webroot/img/blank.png')
	                        .width(200)
	                        .height(200);
				}
			}
			
			
		};
		function readURL(input)
		{
		      if (input.files && input.files[0])
		              {
		                   var reader = new FileReader();
		                   reader.onload = function (e)
		                                          {
		                                                $('#blah')
		                                                .attr('src',e.target.result)
		                                                .width(200)
		                                                .height(200);
		                                          };
		                   reader.readAsDataURL(input.files[0]);
		                   }

		}
	</script>
	
</head>
<body>
	<center>
		<?php echo $this->Form->create("Comida", array('type' => 'file'));
				
				
				 ?>
		<fieldset>
			<legend>Agregar Comida</legend>
			
			<div>
				
				<table style ="width: 100%">
					<tr>
						<td>
							<center>
								<fieldset>
									<legend><b>Informacion General de la Comida</b></legend>
									<center>
										<table style ="width: 100%" >
											<tr>
												<td>
													<center>
													<?php echo $this->Form->input('nombre_comida',array(
																											'label' => 'Nombre de la comida'
																											
																									   )
														 						 ); 
													?>
													</center>
												</td>
											</tr>
											<tr>
												<td>
													<center>
													<?php
																			
															echo $this->Form->input('tipo_comida_id', array(
																									            'options' => array($tipocomida),
																												'label' => 'Tipo de Comida'
																										   )
																				   );
													?>
													</center>
												</td>
											</tr>
											
											<tr>
												<td>
													<center>
													<?php 	echo $this->Form->label('Descripcion de la Comida');
															echo $this->Form->textarea('descripcion_comida', 
																											array(
																													'class' => 'text_area'
																												 )
																					  ); 
												    ?>
												    </center>
												</td>
											</tr>
											<tr>
												<td>
													<center>
													<?php echo $this->Form->input('foto_comida',array(
																													'type' => 'file',
																													'label' => 'Direccion de la Foto',
																													'accept' => 'image/*',
																													'onchange' => 'readURL(this);'
																								
																							  						)
																					);
														echo $this->Form->input('foto_articulo_dir', array('type' => 'hidden'));
													?>		
													</center>		 				
												</td>
											</tr>
								
													
												
										</table>
									</center>
								</fieldset>
							</center>
						</td>
						<td>
							<center>
								<fieldset>
									<legend><b>Muestra de la imagen</b></legend>
									<center>
									<table>
										<tr>
											<td>
												<center>
													<img id="blah" src="/BackEndRecursosHumanos/app/webroot/img/blank.png" alt="your image" style="width: 200px; height: 200px"/>
												</center>
											</td>
										</tr>
										<tr>
											<td>
												<center>
													Imagen de la Comida <img src="/BackEndRecursosHumanos/img/delete.png" onclick="eliminar_foto();" alt="CakePHP" style="cursor: pointer">
												</center>
											</td>
										</tr>
										
									</table>
									</center>
								</fieldset>
							</center>				
						</td>
					</tr>
				</table>
				
			</div>
		</fieldset>
		<center>
			<?php echo $this->Form->end('Guardar', array(
																						'type' => array('submit')
																					 )
																 ); 
									    ?>
		</center>
		
	</center>
</body>